<template>
	<view class="homeNav">
		<input type="text" placeholder="想找点什么">
		<navigator class="btn" open-type="switchTab" url="/pages/category/category">
			<image src="/static/images/icon_application.png" mode="aspectFill"></image>
		</navigator>  
		<navigator class="btn" open-type="switchTab" url="/pages/cart/cart">
			<image src="/static/images/icon_purchase.png"  mode="aspectFill"></image>
		</navigator>  
	</view>
</template>

<script>
</script>

<style lang="scss">
	.homeNav{
		height: 100rpx;
		align-items: center;
		display: flex;
		padding: 0 30rpx;
		/* #ifdef APP-PLUS */
		padding-top: var(--status-bar-height);
		/* #endif */
		
		padding-right: 0;
		line-height: 100rpx;
		.btn{
			width: 100rpx;
			height: 100rpx;
			display: flex;
			align-items: center;
			image{
				width: 60rpx;
				height: 60rpx;
				 
			}
		}
		input{
			border-radius: 60rpx;
			padding: 0 30rpx;
			border:1rpx solid $uni-border-color;
			height: 60rpx;
			flex:1;
			margin-right: 30rpx;
			padding-left: 70rpx;
			background: url('/static/images/icon_search.png') no-repeat 10rpx center;
			background-size: 50rpx;
		}
	}
</style>